<template>
  <div class="home">
    <teleport to=".header">
      <shop-header home="home" />
    </teleport>

    <!-- 中间部分内容 -->
    <!-- 轮播图 -->
    <home-banner />

    <!-- 九宫格 -->
    <home-grid />

    <!-- 秒杀+热门 -->
    <home-hot />

    <!-- 列表 -->
    <home-list />

    <!-- 回到顶部按钮 -->
    <van-back-top class="btn-top" right="20px" bottom="80px" />
  </div>
</template>
<script setup lang="ts">
import shopHeader from "../../components/header.vue"
import homeBanner from "./components/banner.vue"
import homeGrid from "./components/grid.vue"
import homeHot from "./components/hot.vue"
import homeList from "./components/list.vue"

</script>
<style scoped lang="scss">
.home {
  background-color: #f6f6f6;
}
::v-depp .btn-top{
  background-color: #ff0000;
}
</style>
